<template>
  <div class="page-container index-container">

    <div class="m-GenBox evaluate-main xxfx">
		<div class="searchBox clearfix">
			<div class="condition">
				<el-select v-model="xxfx.value0" class="genSelect item mr20 w150" placeholder="请选择年度">
				<el-option
					v-for="item in options0"
					:key="item.value"
					:label="item.label"
					:value="item.value"
				></el-option>
				</el-select>
			</div>
			<div class="condition">
				<el-select v-model="xxfx.value1" class="genSelect item mr20 w150" placeholder="请选择年度">
				<el-option
					v-for="item in options5"
					:key="item.value"
					:label="item.label"
					:value="item.value"
				></el-option>
				</el-select>
			</div>
			<div class="condition">
				<el-select v-model="xxfx.value2" class="genSelect item mr20 w150" placeholder="请选择全部学段">
				<el-option
					v-for="item in options3"
					:key="item.value"
					:label="item.label"
					:value="item.value"
				></el-option>
				</el-select>
			</div>
			<div class="condition">
				<el-select v-model="xxfx.value3" class="genSelect item mr20 w150" placeholder="请选择学校">
				<el-option
					v-for="item in options4"
					:key="item.value"
					:label="item.label"
					:value="item.value"
				></el-option>
				</el-select>
			</div>
			<div class="condition">
				<el-button type="primary">查询</el-button>
			</div>
		</div>

		<div class="clearfix pdt30">
			<div class="u-cardBox evaluate-box pdt30">
				<div class="title">学业负担评价指数（小学）</div>
				<div class="cardMain" key="xxfx1">
					<u-barEchart
						:keyId="'xxfx1'" 
						:legend="legendListxxfx1" :list="listxxfx1" :markVal='4.2' hasDiff :xAxisName="'学校'" :yAxisName="'评价指数'">
					</u-barEchart>
				</div>
				<div class="title">学业负担均衡系数（小学）</div>
				<div class="cardMain" key="xxfx2">
					<u-lineEchart 
						:keyId="'xxfx2'" 
						:legend="legendListxxfx2" :list="listxxfx2" :markVal='0.5' hasDiff isHasScatter :xAxisName="'学校'" :yAxisName="'均衡系数'" :yMax=1.0>
					</u-lineEchart>
				</div>
			</div>
		</div>
    </div>

  </div>
</template>

<script>
export default {
  data() {
    return {
		active: 0,
		value1: "0",
		value2: "1",
		xxfx: {
			value0:"1",
			value1: "",
			value2: "",
			value3: ""
		},
		wdfx: {
		value1: "",
		value2: "",
		value3: ""
		},
		options0:[
			{
				value:"1",
				label:"学业负担"
			}
		],
		options1: [
			{
				value: "0",
				label: "全部年度"
			},
			{
				value: "1",
				label: "2020年"
			},
			{
				value: "2",
				label: "2019年"
			},
			{
				value: "3",
				label: "2018年"
			},
			{
				value: "4",
				label: "2017年"
			},
			{
				value: "5",
				label: "2016年"
			}
		],
		options3: [
			{
				value: "1",
				label: "一年级"
			},
			{
				value: "2",
				label: "二年级"
			},
			{
				value: "3",
				label: "三年级"
			},
			{
				value: "4",
				label: "四年级"
			},
			{
				value: "5",
				label: "五年级"
			},
			{
				value: "6",
				label: "六年级"
			}
		],
		options4: [
			{
				value: "1",
				label: "义鹏第一小学"
			},
			{
				value: "2",
				label: "天音幸福小学"
			},
			{
				value: "3",
				label: "金沙湖东方校区"
			},
			{
				value: "4",
				label: "启明中学"
			},
			{
				value: "5",
				label: "明珠小学"
			}
		],
		options5: [
			{
				value: "1",
				label: "2020年"
			},
			{
				value: "2",
				label: "2019年"
			},
			{
				value: "3",
				label: "2018年"
			},
			{
				value: "4",
				label: "2017年"
			},
			{
				value: "5",
				label: "2016年"
			}
		],
    	searchPar: {
			value1: "",
			value2: "",
			value3: "",
			value4: ""
		},
		cardList: [
			{
			title: "教育局关于中小学信息化发展状况调研报告",
			time: "2020.11.15"
			},
			{
			title: "教师证上传",
			time: "2020.11.16"
			},
			{
			title: "上学期考试难度调查报告",
			time: "2020.11.16"
			},
			{
			title: "上学期考试难度调查报告",
			time: "2020.11.16"
			},
			{
			title: "上学期考试难度调查报告",
			time: "2020.11.16"
			}
		],
		//学校分析
		legendListxxfx1:[
			{name:'钱塘新区',key:1,color:'#4ca0ff',itemcolor:['#4a9fff','#0178ff'],isSign: true},
			{name:'正常',min:0,max:4.3,color:'#00cd86',itemcolor:['#2dd681','#23c5a2']}, 
			{name:'需关注',min:4.3,max:5,color:'#ff7b12',itemcolor:['#ff9600','#ff7b12'],isSign: true},
		],
		listxxfx1:[
			{name:"钱塘新区",key:1,value:[4.2]},
			{name:"江湾小学",value:[2.6]},
			{name:"金沙学校",value:[1.2]},
			{name:"景苑小学",value:[3.9]},
			{name:"文博学校",value:[3.7]},
			{name:"文海实验学校",value:[4.7]},
			{name:"下沙第二小学",value:[4.3]},
			{name:"下沙第一小学",value:[2.5]},
			{name:"新阳光学校",value:[4.7]},
			{name:"学林街小学",value:[2.6]},
			{name:"明珠小学",value:[4.2]},
			{name:"河庄小学",value:[4.4]},
			{name:"宏图小学",value:[2.6]},
			{name:"前进第一小学",value:[2.6]},
			{name:"新湾小学",value:[2.6]},
			{name:"启慧小学",value:[3.7]},
		],
		legendListxxfx2:[
			{name:'钱塘新区',key:1,color:'#4ca0ff',isSign: true,areaStyleColor:"#00cd86"},
			{name:'正常',key:2,color:'#00cd86',areaStyleColor:"#00cd86"}, 
			{name:'需关注',min:0.8,max:1,color:'#ff7b12',isSign: true,areaStyleColor:"#00cd86"},
		],
		listxxfx2:[
			{name:"钱塘新区",key:1,value:[0.5]},
			{name:"江湾小学",key:2,value:[0.31]},
			{name:"金沙学校",key:2,value:[0.81]},
			{name:"景苑小学",key:2,value:[0.6]},
			{name:"文博学校",key:2,value:[0.6]},
			{name:"文海实验学校",key:2,value:[0.3]},
			{name:"下沙第二小学",key:2,value:[0.89]},
			{name:"下沙第一小学",key:2,value:[0.38]},
			{name:"新阳光学校",key:2,value:[0.61]},
			{name:"学林街小学",key:2,value:[0.38]},
			{name:"明珠小学",key:2,value:[0.51]},
			{name:"河庄小学",key:2,value:[0.81]},
			{name:"宏图小学",key:2,value:[0.5]},
			{name:"前进第一小学",key:2,value:[0.08]},
			{name:"新湾小学",key:2,value:[0.8]},
			{name:"启慧小学",key:2,value:[0.5]},
		],
    }
  },
    methods: {
		searchFun() {
			if (this.searchPar.value1 == 1) {
				this.cardList = [
				{
					title: "教育局关于中小学信息化发展状况调研报告",
					time: "2020.11.15"
				},
				{
					title: "教师证上传",
					time: "2020.11.16"
				},
				{
					title: "上学期考试难度调查报告",
					time: "2020.11.16"
				},
				{
					title: "上学期考试难度调查报告",
					time: "2020.11.16"
				},
				{
					title: "上学期考试难度调查报告",
					time: "2020.11.16"
				}
				];
			} else {
				this.cardList = [];
			}
		},
		trans1(){
			this.active=0
		},
		trans2(){
			this.active=1
		},
		trans3(){
			this.active=2
		},
		trans4(){
			this.active=3
		},
		trans5(){
			this.active=4
		},
		trans6(){
			this.active=5
		}
    }
  }
</script>

<style lang="scss" scoped>
.evaluate-main {
  padding: 0 40px;
}
.u-cardBox {
  box-shadow: 0 0 10px rgba($color: #3b64a8, $alpha: 0.1);
}
.gk,.lscy,.wjxq,.xxfx,.wdfx,.fxbg{
    padding-top:30px !important;
}
</style>
<style lang="scss" scoped>
.xxfx {
	.wj-header {
		width: 100%;
		font-size: 20px;
		display: flex;
		align-items: center;
		margin-bottom: 40px;
		.mr20 {
		margin-right: 20px;
		}
		.el-button--primary{
			background:#3964f9;
			border-color:#3964f9;
		}
	}
	.evaluate-box {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-bottom: 24px;
		position: relative;
		.searchBox {
			display: flex;
			margin-bottom: 40px;
			.item {
				width: 240px;
				margin-right: 10px;
				}
		}
		.cardMain{
			width: 100%;
			height: 320px;
			padding-bottom:60px;
		}
	}
}
</style>
